<template>
  <view class="f-setting">
    <view class="my-list cbox">
      <view
        class="item rbox box_y_center box_space_b"
        v-for="(item, idx) in myList"
        :key="idx"
      >
        <text>{{ item.name }}</text>
        <view class="iconfont icon-arrow-right"></view>
      </view>
    </view>

    <view class="line rbox box_center">退出登录</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      myList: [
        {
          link: '',
          name: '关于我们'
        },
        {
          link: '',
          name: '检查版本'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.f-setting {
  min-height: 100vh;
  background-color: #f7f7f7;
  .my-list {
    padding: 0 12rpx;
    border-radius: 20rpx;
    background: #fff;
    .item {
      position: relative;
      padding: 26rpx 30rpx;
      &::after {
        position: absolute;
        box-sizing: border-box;
        -webkit-transform-origin: center;
        transform-origin: center;
        content: " ";
        pointer-events: none;
        right: 16px;
        bottom: 0;
        left: 16px;
        border-bottom: 1px solid #ebedf0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
      }
      text {
        font-size: 32rpx;
        line-height: 1;
        color: #5a5a5a;
      }
      .iconfont {
        font-size: 32rpx;
        color: #5a5a5a;
      }
    }
  }
  .line {
    margin-top: 30rpx;
    padding: 26rpx;
    font-size: 32rpx;
    line-height: 1;
    color: #5a5a5a;
    background-color: #fff;
  }
}
</style>